@media screen and (max-width: 1024px) {
    html {
        font-size: 42.66px !important;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 80px !important;
    }
}


/* 全局样式 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 取消字体斜体样式 */
em , i {
    font-style: normal;
}

/* 去掉列表标记 */
li{
    list-style: none;
}
/* 去掉图片边框 */
img {
    border: 0;
    vertical-align: middle;
}
/* 让button按钮划过变小手 */
button{
    cursor: pointer;
}

/* 取消a标签下划线 */
a{
    color: #666;
    text-decoration: none;
}

/* a标签划过颜色 */
a:hover{
    color: #e33;
}


/* 基础布局 */
body{
    background: url(./image/bg.bb66a984.jpg) no-repeat 0 0 / cover;
    margin: 0 auto;
}

/* 公共面板样式 */
.panel{
    position: relative;
    border: 15px solid transparent;
    border-width: 0.6375rem 0.475rem 0.25rem 1.65rem;
    border-image-source: url(../assets/image/border.png);
    border-image-slice: 51 38 20 132;
    margin-bottom: 0.25rem;
  }
.inner{
    position: absolute;
    top: -0.6375rem;
    left: -1.65rem;
    right: -0.475rem;
    bottom: -0.25rem;
    padding: 0.3rem 0.45rem;
}
.panel h3 {
    font-size: 0.25rem;
    color: #fff;
    font-weight: 400;
}